@charset "utf-8";
.messageMask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 6666;
  width: 100%;
  height: 100%;
  .messageBox {
    background-color: #fff;
    width: 350px;
    max-height: 600px;
    overflow: hidden;
    border-radius: 8px;
    border: 2px solid #bfbbb5;
    box-shadow: 0 0 6px 3px #dadada;
    color: #909090;
    padding: 6px 20px 20px;
    .messageBoxTitle {
      font-size: 20px;
      height: 53px;
      line-height: 53px;
      border-bottom: 2px solid #909090;
      overflow: visible;
      position: relative;
      p {
        display: inline-block;
        position: relative;
        overflow: visible;
        &::after {
          content: '';
          height: 3px;
          width: 100%;
          background: #ff5151;
          position: absolute;
          left: 0;
          bottom: -1px;
          z-index: 10;
        }
      }
      .closeMessage {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 26px;
        font-weight:700;
        height: 25px;
        width: 21px;
      }
    }
    .messageBoxContent{
      padding:30px 0 30px 70px;
      margin-top:10px;
      min-height: 120px;
      .warning{
        position: absolute;
        left: 2px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 63px;
        height: 63px;
        color: #ff5151;
      }
      .messageInfo{
        &.displayFlex{
          width: 100%;
          height: 60px;
          flex-direction:column;
          justify-content: center;
        }
        p{
          line-height:20px;
          margin-bottom:10px;
          &:last-child{
            margin-bottom:0;
          }
        }
        font-size: 15px;
        //display: table-cell;
        vertical-align: middle;
        word-break: break-all;
      }
    }
    .messageBoxFooter{
      text-align: center;
      .confirmMessage,.cancleMessage{
        display: inline-block;
        color: #fff;
        background: #ff5151;
        height: 35px;
        line-height: 35px;
        width: 45%;
        text-align: center;
        font-size: 18px;
        border-radius: 4px;
        cursor: pointer;
        margin-right: 5%;

      }
      .confirmMessage{
        margin-right: 0;
      }
    }
  }
}
